<template>
  <div class="demo">
    <div class="demo-title">单位</div>
    <div class="demo-content">
      <Row :gutter="16">
        <Col :span="12">
          <Statistic title="Feedback" :value="1128" style="margin-right: 50px">
            <template #suffix>
              <LikeOutlined />
            </template>
          </Statistic>
        </Col>
        <Col :span="12">
          <Statistic title="Unmerged" :value="93" class="demo-class">
            <template #suffix>
              <span>/ 100</span>
            </template>
          </Statistic>
        </Col>
      </Row>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { LikeOutlined } from '@ant-design/icons-vue';
  import { Row, Col } from '@sscd/grid';
  import Statistic from '@sscd/statistic';
</script>
